<html>
  <head>
    <title>uni.setTabBarStyle(OBJECT)</title>
  </head>
  <body>
    <script>
      /*
            二、uni.setTabBarStyle(OBJECT)

                            1、概述

                                    动态设置 tabBar 的整体样式

                            2、平台差异说明

                                      App	H5	微信小程序	支付宝小程序	百度小程序	抖音小程序、飞书小程序	QQ小程序	快手小程序	京东小程序	元服务	小红书小程序
                                      √	  √	    √	          √	          √	          √                     	√	    √	        √	          x         	√

                            3、setTabBarStyle 兼容性

                                          HarmonyOS
                                          HBuilderX 4.23

                            4、OBJECT参数说明：

                                                        属性	            类型	默认值	  必填	说明

                                                    ①、color	          String		        否	tab 上的文字默认颜色，HexColor

                                                    ②、selectedColor	  String		        否	tab 上的文字选中时的颜色，HexColor

                                                    ③、backgroundColor	String		        否	tab 的背景色，HexColor

                                                    ④、backgroundImage	String		        否	图片背景。支持设置本地图片或创建线性渐变如，
                                                                                              优先级高于 backgroundColor，仅 App 2.7.1+ 支持

                                                    ⑤、backgroundRepeat	String		        否	背景图平铺方式。repeat：背景图片在垂直方向和水平方向平铺；
                                                                                              repeat-x：背景图片在水平方向平铺，垂直方向拉伸；
                                                                                              repeat-y：背景图片在垂直方向平铺，水平方向拉伸；
                                                                                              no-repeat：背景图片在垂直方向和水平方向都拉伸。
                                                                                              默认使用 no-repeat。仅 App 2.7.1+ 支持

                                                    ⑥、borderStyle	    String		        否	tabBar上边框的颜色， 仅支持 black/white，black对应颜色rgba(0,0,0,0.33)，
                                                                                              white对应颜色rgba(255,255,255,0.33)。

                                                    ⑦、midButton	      Object		        否	中间按钮 仅在 list 项为偶数时有效 详情。HBuilderX 3.6.9+

                                                    ⑧、success	        Funtion		        否	接口调用成功的回调函数

                                                    ⑨、fail	            Funtion		        否	接口调用失败的回调函数

                                                    ⑩、complete 	      Funtion		        否	接口调用结束的回调函数（调用成功、失败都会执行）


                                            <1>、backgroundImage创建线性渐变说明

                                                      backgroundImage: linear-gradient(to top, #a80077, #66ff00);

                                                      目前暂不支持 radial-gradient（径向渐变）。

                                                      目前只支持两种颜色的渐变，渐变方向如下：

                                                              ①、to right：从左向右渐变
                                                              ②、to left：从右向左渐变
                                                              ③、to bottom：从上到下渐变
                                                              ④、to top：从下到上渐变
                                                              ⑤、to bottom right：从左上角到右下角
                                                              ⑥、to top left：从右下角到左上角



                             5、示例代码

                                        uni.setTabBarStyle({
                                          color: '#FF0000',
                                          selectedColor: '#00FF00',
                                          backgroundColor: '#0000FF',
                                          borderStyle: 'white'
                                        })
      */

    </script>
  </body>
</html>